//
//加载模板内变量
@import "variables_front_custom";
@import "variables_front_default";
@import "variables";
//
//加载通用混合
@import "mixins";

body {
	position: relative;
	height: auto;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.carousel-caption {
	color: $font-color-base;
}

.floor {

}

.floor-title {
	background: rgba(26, 179, 148, 0.08);
	font-size: $floor-title-font-size;
	border-left: 4px solid $brand-primary;
}

.carousel-item img {
	width: 100%;
	height: auto;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
	display: inline-block;
}

.carousel-control-prev, .carousel-control-next {
	@include transition(.15s linear background-color);

	&:hover {
		background: rgba(0, 0, 0, 0.1);
	}
}

.mall-tabs {
	> a {
		color: $font-color-lighter;
		font-size: 1.1rem;
		text-decoration: none;

		&.active {
			background: $brand-inverse;
		}
	}
}

.oauth-icon {
	&:before {
		width: 32px;
		height: 32px;
		display: inline-block;
		content: '';
		background-image: url(../../img/oauth2.png);
		background-repeat: no-repeat;
	}
}

.oauth-wechat {
	&:before {
		background-position: -224px 0;
	}
}

.oauth-github {
	&:before {
		background-position: -186px 0;
	}
}

.oauth-qq {
	&:before {
		background-position: -112px 0;
	}
}

.oauth-weibo {
	&:before {
		background-position: 0 0;
	}
}

.navbar-inverse .navbar-toggler {
	//border-color: $btn-success-border;
	background: $background-color-lighter;
	color: $brand-primary;
	@include border-radius(2px);
	margin-top: 10px;
}

.navbar-toggleable {
	@include media-breakpoint-only('xs') {
		.navbar-nav {
			.nav-link {
				padding-left: .75em;
				padding-right: .75em;
			}
		}
	}
}

.btn-logout {
	&:hover {
		background: rgba(0, 0, 0, 0.12);
	}
}

.section-footer {
	position: absolute;
	bottom: 0;
	width: 100%;

	@include media-breakpoint-down('xs') {
		margin-bottom: 70px;
	}
}